<%--
  Created by IntelliJ IDEA.
  User: YSTen
  Date: 2019/2/9
  Time: 11:13
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>GMS登录</title>
    <link rel="stylesheet" type="text/css" href="/resources/css/bootstrap.min.css" tppabs="http://static.sucaihuo.com/modals/49/4919/demo/vendor/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="/resources/css/font-awesome.min.css" tppabs="http://static.sucaihuo.com/modals/49/4919/demo/fonts/font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="/resources/css/material-design-iconic-font.min.css" tppabs="http://static.sucaihuo.com/modals/49/4919/demo/fonts/iconic/css/material-design-iconic-font.min.css">
    <link rel="stylesheet" type="text/css" href="/resources/css/util.css" tppabs="http://static.sucaihuo.com/modals/49/4919/demo/css/util.css">
    <link rel="stylesheet" type="text/css" href="/resources/css/main.css" tppabs="http://static.sucaihuo.com/modals/49/4919/demo/css/main.css">
</head>
<body>
<div class="limiter">
    <div class="container-login100" id="bgp" >
        <div class="wrap-login100 p-l-55 p-r-55 p-t-65 p-b-54">
            <form class="login100-form validate-form" action="/gms/dologin" method="post">
                <span class="login100-form-title p-b-49">GMS管理系统</span>

                <div class="wrap-input100 validate-input m-b-23" data-validate="请输入用户名">
                    <span class="label-input100">用户名</span>
                    <input class="input100" type="text" name="uname" placeholder="请输入用户名" autocomplete="off">
                    <span class="focus-input100" data-symbol="&#xf206;"></span>
                </div>

                <div class="wrap-input100 validate-input m-b-23" data-validate="请输入密码">
                    <span class="label-input100">密码</span>
                    <input class="input100" type="password" name="upass" placeholder="请输入密码" autocomplete="off">
                    <span class="focus-input100" data-symbol="&#xf190;"></span>
                </div>

                <div class="wrap-input50  validate-input" data-validate="请输入验证码">
                    <span class="label-input100">验证码</span>
                    <input class="input100" type="text" name="uyzm" placeholder="请输入验证码" autocomplete="off"  >
                    <span class="focus-input100" data-symbol="&#xf194;"></span>
                </div>

                <a href="javascript:;">
                    <img  class="text-right p-t-7 " src="/yzm" id="yanzheng" onclick="changeVerifyCode();" alt="验证码">
                </a>

                <%--异常提示信息(用户名不存在,密码错误,验证码错误)--%>
                <p class="text-left p-t-8 p-b-31" style="display: inline-block;color: red;font-size: 16px;">
                    ${msg }
                </p>

                <div class="text-right p-t-8 p-b-31" style="display: inline-block">
                    <a href="javascript:">忘记密码？</a>
                </div>

                <div class="container-login100-form-btn">
                    <div class="wrap-login100-form-btn">
                        <div class="login100-form-bgbtn"></div>
                        <button class="login100-form-btn">登 录</button>
                    </div>
                </div>


                <div class="flex-col-c p-t-25">
                    <a href="javascript:" class="txt2">立即注册</a>
                </div>
            </form>
        </div>
    </div>
</div>

<script src="/resources/js/jquery-3.2.1.js" tppabs="http://static.sucaihuo.com/modals/49/4919/demo/vendor/jquery/jquery-3.2.1.min.js"></script>
<script src="/resources/js/main.js" tppabs="http://static.sucaihuo.com/modals/49/4919/demo/js/main.js"></script>
<script type="text/javascript">
    //img.src获取图片路径
    var img = document.getElementById("yanzheng");
    var str = img.src;
    //更换验证码
    function changeVerifyCode() {
        //获取时间戳
        var timestamp=new Date().getTime();
        //添加时间戳
        img.src = str + '?'+ timestamp;
    }



</script>
</body>
</html>
